{{! Logos (ADR 0040): logos of one height in a wrapping row, placed by the element's alignment; optionally grey until pointed at, or each in a box (sv-card-*). Glide (ADR 0047): the same logos in an endless row (motion/style.css), twice, the second copy hidden from screen readers. No logo yet: the editor's "choose images" box. }}
<div {{@attrs}}>{{^motion}}{{#images}}{{#image.url}}<span class="sv-logos__item{{#look}} sv-card-{{look}}{{#lookCustom}} sv-card-custom{{/lookCustom}}{{/look}}"{{#lookCustom}} style="--sv-custom-card:{{lookCustom}}"{{/lookCustom}}><img class="sv-logos__img wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async"></span>{{/image.url}}{{/images}}{{/motion}}{{#motion}}<div class="sv-marquee{{#speed}} sv-marquee--{{speed}}{{/speed}}"><div class="sv-marquee__copy">{{#images}}{{#image.url}}<span class="sv-logos__item{{#look}} sv-card-{{look}}{{#lookCustom}} sv-card-custom{{/lookCustom}}{{/look}}"{{#lookCustom}} style="--sv-custom-card:{{lookCustom}}"{{/lookCustom}}><img class="sv-logos__img wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async"></span>{{/image.url}}{{/images}}</div><div class="sv-marquee__copy" aria-hidden="true">{{#images}}{{#image.url}}<span class="sv-logos__item{{#look}} sv-card-{{look}}{{#lookCustom}} sv-card-custom{{/lookCustom}}{{/look}}"{{#lookCustom}} style="--sv-custom-card:{{lookCustom}}"{{/lookCustom}}><img class="sv-logos__img wp-image-{{image.id}}" src="{{image.url}}" alt=""{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async"></span>{{/image.url}}{{/images}}</div></div>{{/motion}}{{^images}}{{@placeholder images}}{{/images}}</div>